$(function(){
	    var box = $(".box").ig3js({
	        manifest: [
	            {src:"image1.jpg", id:"image1"},
	            {src:"image2.jpg", id:"image2"},
	            {src:"image3.jpg", id:"image3"},
	            {src:"image4.jpg", id:"image4"},
	            {src:"image5.jpg", id:"image5"},
	            {src:"image6.jpg", id:"image6"},
	            {src:"image7.jpg", id:"image7"}
	        ],
	        imagePath: 'images1/',
	        alphaBackground: true,
	        onNavigateComplete: function(obj){
	       //     console.log("navigation complete");
	       //     console.log(obj);
	        }
	    });

	    $(".next").click(function(){
	        box.navigate.next();
	        return false;
	    });

	    $(".prev").click(function(){
	        box.navigate.prev();
	        return false;
	    });

	    $(".defP").click(function(){
	        box.perspective.default();
	        return false;
	    });

	    $(".trP").click(function(){
	        box.perspective.topRight();
	        return false;
	    });

	    $(".tlP").click(function(){
	        box.perspective.topLeft();
	        return false;
	    });

	    for(count=1; count<=7; count++){
	        $(".goto").append('<a href="#" class="goto'+count+'" pos="'+(count-1)+'"> '+count+' </a>');
	        $(".goto"+count).click(function(){
	            box.navigate.goTo($(this).attr("pos"));
	            return false;
	        });
	    }

	});